<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webpack 简介</title>
    <link rel="stylesheet" href="./index.less">
</head>
<body>
    <div>hello webpack</div>
    <script src='./index.js'></script>
</body>
</html>

<!-- 
    Entry：打包的入口文件
    Output：打包后的bundles输出位置
    Loader：让webpack能够去处理那些非js文件（img，less）
    Plugins：插件可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量等。
    Mode：模式知识webpack使用相应模式的配置
        development：让代码本地调试运行的环境
        production：能让代码优化上线的运行环境
    
 -->